<!-- 
	상품리스트 페이지
	작성자:문연지
	작성일:2014/10/13
 -->
 
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>장돌뱅이 ~대한민국 전통시장을 응원합니다~</title>
<link href="/Jangdolbaeng2/css/customer/common1.css" rel="stylesheet">
<link href="/Jangdolbaeng2/css/customer/common.css" rel="stylesheet">
<script src="/Jangdolbaeng2/js/jquery-1.11.1.js"></script>
<script src="/Jangdolbaeng2/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/Jangdolbaeng2/js/holder.js"></script>
<style type="text/css">
	#head{height:242px;}
	#content{width:1100px; margin:242 0 150 0; margin: 0 auto;}
	#footer{height:150px;}
	
	/*line*/
	#line_top{
		margin-top:20px;
		margin-bottom:20px;
		border-top:2px solid #bfbfbf;
	}
	#line_middle{
		margin-top:20px;
		margin-bottom:20px;
		border-top:2px solid #bfbfbf;
	}
	
	/*윗단 제품 정보*/
	#product{
		margin: 0 auto;
		margin-bottom: 20px;
	}
	#product_img{
		width: 330px;
		height: 225px;
		padding: 20px;
		border: 1px dotted #bfbfbf;
	}
	#product_info{
		height:280px;
	}
	.detail_left{
		font-size:14pt;
		font-family: anew;
	}
	.detail_right{
		font-size:11pt;
	}
	.detail_price{
		font-size:20pt;
	}
	.info_li{
		list-style-image: url("/Jangdolbaeng2/img/customer/li_dot.jpg");
		list-style-position: outside;
	}
	#detail_line{
		border-bottom: 1px dotted #bfbfbf;
	}
	#detail_bt{
		margin-top:6px;
		margin-left:5px;
	}
	
	
	/*하단 상세 정보*/
	#product_detail{
		width:1100px;
		height:300px;
		margin: 0 auto;
	}
	
	/*tab*/
	/* #css_tabs{
		width:1100px;
	} */
	#tab_content{
		width:1100px;
		margin-top:50px;
		margin-bottom:100px;
	}
	.tab_title{
		font-family:anew;
		border:1px solid black;
	}
	xmp{
		font-family: nanum;
	}
	/**/
	
	/*코멘트 테이블*/
	#tb_comment{
		width:100%;
		border-top:2px solid #bfbfbf;
		font-size:14px;
	}
	.line_table{
		width:100%;
		border-bottom:1px solid #bfbfbf;
	}
	.th{
		text-align: center;
		font-family: nanumBB;
		padding-top:5px;
		padding-bottom:5px;
	}
	.td{
		padding-top:5px;
		padding-bottom:5px;
	}
	
	
	
	/*스크롤 부분 상점 사진 보이기*/
	#blog_photo{
		width: 100px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
</style>
<script type="text/javascript">
$(document).ready(function(){
	
	
	//코멘트 창 눌렀을때 지우기
	$('#contenttext1').focusin(function(){
		$('#contenttext1').attr('value','');
		$('#contenttext1').css('color','black');
		return;
	});
	//다시 띄우기
	$('#contenttext1').focusout(function(){
		if($('#contenttext1').attr('value')==''){
			$('#contenttext1').attr('value','상품평을 남겨주세요.');
			$('#contenttext1').css('color','#bfbfbf');
			return;
		}
	});
	var str = '<a href="/Jangdolbaeng2/seller/blogMain.action?shop_seq=<s:property value="product_vo.SHOP_SEQ"/>"';
	str += 'style="width:120px;font-size:11pt;font-family:nanumBB; width:120px;';
	str += 'padding-top:0px;padding-bottom:0px; padding-left:4px; padding-right:4px;">해당 상점 가기<br>';
	if($('#photo_hidden').val().length!=0){
		str += '<img src="data:image/jpeg;base64,'+$('#photo_hidden').val()+'" id="blog_photo" width="120"';
		str += 'style="padding-left:0px;padding-right:0px;"/><br>';
	}
	str += '${product_vo.NAME}';
	$('.sc_thisshop').html(str);
});

/*수량 키 버튼 누를시 텍스트필드 변화*/
function quantityup(){
	var quantity = $('#quantity').val();
	quantity = ++quantity;
	$('#quantity').attr('value',quantity);
}
function quantitydown(){
	var quantity = $('#quantity').val();
	if(quantity > 1){
		quantity = --quantity;
		$('#quantity').attr('value',quantity);
	}
}
function goEditComment(cmt_seq){
	//alert(cmt_seq);
	var content = $('#content' + cmt_seq).attr('alt');
	var str = '<div style="float:left"><input type="text" id="text'+cmt_seq+'"';
	str += 'value="'+ content+'" size="75"/></div>';
	str += '&nbsp;<a href="javascript:editComment('+cmt_seq+') "style="float:left; padding-top:3px;padding-left:2px;">';
	str += '<button type="button" class="btn btn-default navbar-btn"';
	str += 'style="background-color:#fcfcfc; color:#ff6002; padding-left:3px;padding-right:3px;';
	str += 'padding-top:1px; padding-bottom:1px; margin-top:0px;margin-bottom:0px;';
	str += 'font-size:7pt; font-family: nanum;"';
	str += '>확인</button></a>';
	$('#content'+cmt_seq).html(str);
}
function editComment(cmt_seq){
	var content = $('#text'+cmt_seq).val();
	//alert(content);
	
	$.ajax({
		url:"editProductComment.action",
		type:"post",
		dataType:"json",
		data:{content:content, cmt_seq:cmt_seq},
		success:function(json){
			//alert(json.content);
			var str = '<div style="float:left;">'+json.content+'</div>';
			str += '<a href="javascript:goEditComment('+cmt_seq+')"style="float:left; padding-top:3px;padding-left:2px;">';
			str += '<button type="button" class="btn btn-default navbar-btn"';
			str += 'style="background-color:#fcfcfc; color:#ff6002; padding-left:3px;padding-right:3px;';
			str += 'padding-top:1px; padding-bottom:1px; margin-top:0px;margin-bottom:0px;';
			str += 'font-size:7pt; font-family: nanum;"';
			str += '>수정</button></a>';
			str += '<a href="javascript:deleteComment('+cmt_seq+')"style="float:left; padding-top:3px;padding-left:2px;">';
			str += '<button type="button" class="btn btn-default navbar-btn"';
			str += 'style="background-color:#fcfcfc; color:#ff6002; padding-left:3px;padding-right:3px;';
			str += 'padding-top:1px; padding-bottom:1px; margin-top:0px;margin-bottom:0px;';
			str += 'font-size:7pt; font-family: nanum;"';
			str += '>삭제</button></a>';         	
     		str += '</div>';
     		
     		$('#content'+cmt_seq).html(str);
     		$('#content'+cmt_seq).attr('alt',json.content);
     		//alert($('#content'+cmt_seq).attr('alt'));
		}
	});
}

function deleteComment(cmt_seq){
	
	$.ajax({
		url:"/Jangdolbaeng2/product/deleteProductComment.action",
		type:"post",
		dataType:"json",
		data:{cmt_seq:cmt_seq},
		success:function(json){
			var str = '<table id="tb_comment"><tr><font class="font">';
         	str += '<th class="th" width="5%">번호</th><th class="th" width="55%">작성내용</th>';
         	str += '<th class="th" width="20%">아이디</th><th class="th" width="20%">작성일자</th></font>';
         	str += '</tr><tr><td colspan="4" width="2px"><div class="line_table"/></td></tr>';
			var i = 1;
         	/*json list 만큼  반복문 돌리기!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
			$.each(json.comment_list,function(key, item){
	         	str += '<tr class="tr"><td align="center">'+(i++)+'</td>';
	         	str += '<td class="td"><div id="content'+item.cmt_seq+'" alt="'+item.content+'">';
	         	str += '<div style="float:left">'+item.content+'</div>';
	         	 
	         	var session = '${session.customer_id}';
	         	var customer_id = item.customer_id;
	         	
	         	//alert(session==customer_id);
	         	
	         	if(session==customer_id){
	         		str += '&nbsp;<a href="javascript:goEditComment('+item.cmt_seq+')" style="float:left; padding-top:3px;padding-left:2px;">';
	         		str += '<button type="button" class="btn btn-default navbar-btn"';
	    			str += 'style="background-color:#fcfcfc; color:#ff6002; padding-left:3px;padding-right:3px;';
	    			str += 'padding-top:1px; padding-bottom:1px; margin-top:0px;margin-bottom:0px;';
	    			str += 'font-size:7pt; font-family: nanum;"';
	    			str += '>수정</button></a>';
		         	str += '&nbsp;<a href="javascript:deleteComment('+item.cmt_seq+')" style="float:left; padding-top:3px;padding-left:2px;">';
		         	str += '<button type="button" class="btn btn-default navbar-btn"';
					str += 'style="background-color:#fcfcfc; color:#ff6002; padding-left:3px;padding-right:3px;';
					str += 'padding-top:1px; padding-bottom:1px; margin-top:0px;margin-bottom:0px;';
					str += 'font-size:7pt; font-family: nanum;"';
					str += '>삭제</button></a>  ';       	
	         	} 
	         	str += '</div>';
	         	str += '</td><td class="td" align="center">'+item.customer_id+'</td>';
	         	str += '<td class="td" align="center">'+item.inputdate+'</td>';
	         	str += '</tr><tr><td colspan="4" width="2px"><div class="line_table"/></td></tr>';
			});
         	
			str += '<s:if test="#session.customer_id!=null"><tr height="50" align="center">';
			str += '<td>댓글<br>달기</td><td colspan="3" align="left">';
			str += '<div style="float:left;"><input type="text" id="contenttext1" size="125"></div>';
			str += '<a href="javascript:insertComment()" style="float:left;padding-left:5px;">';
			str += '<button type="button" class="btn btn-default navbar-btn"';
			str += 'style="background-color:#fcfcfc; color:#ff6002; padding-left:10px;padding-right:10px;';
			str += 'padding-top:2px; padding-bottom:2px; margin-top:0px;margin-bottom:0px;';
			str += 'font-size:11pt; font-family: nanumBB;"';
			str += '>확인</button></a></td></tr></s:if></table>';
			
			$('#tab2').html(str);
		}
	});
}

function insertComment(){
	
	var product_seq = '${product_seq}';
	var content = $('#contenttext1').val();
	//alert(customer_id + content);
	//alert(product_seq);
	
	$.ajax({
		url:'/Jangdolbaeng2/product/insertProductComment.action',
		type:'post',
		dataType:'json',
		data:{content:content, product_seq:product_seq},
		success:function(json){
			/*json list 만큼  반복문 돌리기!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
			var str = '<table id="tb_comment"><tr><font class="font">';
         	str += '<th class="th" width="5%">번호</th><th class="th" width="55%">작성내용</th>';
         	str += '<th class="th" width="20%">아이디</th><th class="th" width="20%">작성일자</th></font>';
         	str += '</tr><tr><td colspan="4" width="2px"><div class="line_table"/></td></tr>';
			var i = 1;
         	/*json list 만큼  반복문 돌리기!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
			$.each(json.comment_list,function(key, item){
	         	str += '<tr class="tr"><td class="td" align="center">'+(i++)+'</td>';
	         	str += '<td class="td"><div id="content'+item.cmt_seq+'" alt="'+item.content+'">';
	         	str += '<div style="float:left">'+item.content+'</div>';
	         	 
	         	var session = '${session.customer_id}';
	         	var customer_id = item.customer_id;
	         	
	         	//alert(session==customer_id);
	         	
	         	if(session==customer_id){
	         		str += '&nbsp;<a href="javascript:goEditComment('+item.cmt_seq+')" style="float:left; padding-top:3px;padding-left:2px;">';
	         		str += '<button type="button" class="btn btn-default navbar-btn"';
	    			str += 'style="background-color:#fcfcfc; color:#ff6002; padding-left:3px;padding-right:3px;';
	    			str += 'padding-top:1px; padding-bottom:1px; margin-top:0px;margin-bottom:0px;';
	    			str += 'font-size:7pt; font-family: nanum;"';
	    			str += '>수정</button></a>';
		         	str += '&nbsp;<a href="javascript:deleteComment('+item.cmt_seq+')" style="float:left; padding-top:3px;padding-left:2px;">';
		         	str += '<button type="button" class="btn btn-default navbar-btn"';
					str += 'style="background-color:#fcfcfc; color:#ff6002; padding-left:3px;padding-right:3px;';
					str += 'padding-top:1px; padding-bottom:1px; margin-top:0px;margin-bottom:0px;';
					str += 'font-size:7pt; font-family: nanum;"';
					str += '>삭제</button></a>';       	
	         	} 
	         	str += '</div>';
	         	str += '</td><td class="td" align="center">'+item.customer_id+'</td>';
	         	str += '<td class="td" align="center">'+item.inputdate+'</td>';
	         	str += '</tr><tr><td colspan="4" width="2px"><div class="line_table"/></td></tr>';
			});
         	
			str += '<s:if test="#session.customer_id!=null"><tr height="50" align="center">';
			str += '<td>댓글<br>달기</td><td colspan="3" align="left">';
			str += '<div style="float:left"><input type="text" id="contenttext1" size="125"></div>';
			str += '<a href="javascript:insertComment()" style="float:left; padding-left:5px;">';
			str += '<button type="button" class="btn btn-default navbar-btn"';
			str += 'style="background-color:#fcfcfc; color:#ff6002; padding-left:10px;padding-right:10px;';
			str += 'padding-top:2px; padding-bottom:2px; margin-top:0px;margin-bottom:0px;';
			str += 'font-size:11pt; font-family: nanumBB;"';
			str += '>확인</button></a></td></tr></s:if></table>';
			
			$('#tab2').html(str);
		}
	});
}

function goCartbt(){
	var customer_id = '${session.customer_id}';
	
	if(customer_id.length==0){
		if(confirm('로그인이 필요한 기능입니다. \n로그인 하시겠습니까?')){
			window.open("/Jangdolbaeng2/customer/goLoginForm.action", "loginWin", "width=800,height=380,top=300,left=500,scrollbars=no");
			return;
		}else{
			return;
		}
	}
	
	var quantity = $('#quantity').val();
	var product_seq = ${product_vo.PRODUCT_SEQ};
	
	$.ajax({
		url:'/Jangdolbaeng2/product/insertCart.action',
		type:'post',
		dataType:'json',
		data:{
			quantity:quantity,
			product_seq:product_seq
		},
		success:function(json){
			if(confirm('장바구니에 넣었습니다.\n장바구니로 이동하시겠습니까?')){
				location.href="/Jangdolbaeng2/customer/goCart.action";
			}else{
				$('#quantity').val(1);
			}
		}
	}); 
}

function goOrder(){
 	var customer_id = '${session.customer_id}';
	
	if(customer_id.length==0){
		if(confirm('로그인이 필요한 기능입니다. \n로그인 하시겠습니까?')){
			window.open("/Jangdolbaeng2/customer/goLoginForm.action", "loginWin", "width=800,height=380,top=300,left=500,scrollbars=no");
			return;
		}else{
			return;
		}
	}
	
	var quantity = $('#quantity').val();
	var product_seq = ${product_vo.PRODUCT_SEQ};
	
	//주문하기로 가는 ajax작성
	location.href="/Jangdolbaeng2/product/goOrderPage.action?product_seq="+product_seq+"&quantity="+quantity;
}

</script>
</head>
<body>
<div id="head">
<%@ include file="/jsp/customer/main_header.jsp" %>
</div>
<div id="content">
	<div id="line_top"></div>
	<div id="product">
		<table id="product_show">
		<tr>
		<td>
			<input type="hidden" value="${blog_photo}" id="photo_hidden"/>
			<img src="data:image/jpeg;base64,<s:property value="product_vo.PRODUCT_IMAGE1"/>" id="product_img"/>
		</td>
		<td width="30px"></td>
		<td valign="top">
			<table id="product_info">
				<tr>
					<td width="100px" align="left" class="detail_left"><li class="info_li">분류</li></td>
					<td width="300px" class="detail_right" colspan="2">
					<s:property value="product_vo.CATEGORY_VALUE"/>
				</td>
				<tr>
					<td width="100px" align="left" class="detail_left"><li class="info_li">제품</li></td>
					<td width="300px" class="detail_right" colspan="2">
					<s:property value="product_vo.PRODUCT_NAME"/>
				</td>
				</tr>
				<tr>
					<td width="100px" align="left" class="detail_left"><li class="info_li">상점</li></td>
					<td width="300px" class="detail_right" colspan="2">
					<a href="/Jangdolbaeng2/seller/blogMain.action?shop_seq=<s:property value="product_vo.SHOP_SEQ"/>">
					<s:property value="product_vo.NAME"/>
					</a>
					</td>
				</tr>
				<tr>
					<td width="100px" align="left" class="detail_left"><li class="info_li">수량</li></td>
					<td width="170px" class="detail_right">
					<input type="text" id="quantity" value="1"></td>
					<td align="left">
					<img src="/Jangdolbaeng2/img/customer/upDown.jpg" style="margin:0 4px;" usemap="#updownLink"></td>
					<td><map name="updownLink">
	            		<area shape="rect" coords="0,0,13,10" href="javascript:quantityup()">
	            		<area shape="rect" coords="0,10,13,20" href="javascript:quantitydown()">
        			</map></td>
				</tr>
				<tr><td colspan="3"><div id="detail_line"></div></td></tr>
				<tr height="30">
					<td width="100px" align="left" class="detail_left"><li class="info_li">가격</li></td>
					<td width="300px" class="detail_price" colspan="2">
					<s:property value="product_vo.PRODUCT_PRICE"/>
					</td>
				</tr>
				<tr>
					<td colspan="3">
					<a href="javascript:goOrder()">
						<button type="button" class="btn btn-default navbar-btn"
								style="width:150px;height:50px;background-color: #383838;
								color: white; font-family: anew; font-size: 15pt;">바로구매</button></a>
					<span>&nbsp;</span>
					<a href="javascript:goCartbt()">
						<button type="button" class="btn btn-default navbar-btn"
								style="width:150px;height:50px;background-color: #ff6002;
								color: white; font-family: anew; font-size: 15pt;">장바구니</button></a>
				</td></tr>
			</table>
		</td>
		</table>
	</div>
	<div id="line_middle"></div>
	
    <div id="tab_content">
     	<!-- 위에 탭 기능 -->
     	<div class="row" >
		<!-- list navigation for tabs  -->
		<ul class="nav tabs" style="border: none; padding-left:15px">
             <li class="active"><a href="#tab1" data-toggle="tab" class="tab_title" 
             						style="padding:0px; font-size:14pt; height:40px; width:366px;
             						text-align: center; padding-top:5px;">상품 안내 </a></li>
             <li><a href="#tab2" data-toggle="tab" class="tab_title"
             						style="padding:0px; font-size:14pt; height:40px; width:366px;
             						text-align: center; padding-top:5px;">상품 후기</a></li>
             <li><a href="#tab3" data-toggle="tab" class="tab_title"
             						style="padding:0px; font-size:14pt; height:40px; width:366px;
             						text-align: center; padding-top:5px;">배달 안내</a></li>
   		</ul>
   		</div>
   		<!--  -->
   		<div class="clearfix visible-xs visible-lg"></div>
   		<!--  -->
   		<div class="thumbnail" style="padding-left:10px;">
			<div class="row">					
				<div class="col-lg-7" style="padding-top:50px; width:1100px; padding-bottom:50px;">					
					<!-- text for each call out -->
					<div class="tab-content">   
						<!-- 상품 안내 -->          
			            <div class="tab-pane fade active in" id="tab1" align="center"> 
							 <xmp style="font-size:15pt;"><s:property value="product_vo.PRODUCT_INFO1"/></xmp>
							 <s:if test="product_vo.PRODUCT_IMAGE2!=''">
							 <img src="data:image/jpeg;base64,<s:property value="product_vo.PRODUCT_IMAGE2"/>"></s:if><br><br>
							 <xmp><s:property value="product_vo.PRODUCT_INFO2"/></xmp><br><br>
			    		</div>
			    		<!-- 상품 후기 -->
			    		<div class="tab-pane fade" id="tab2"> 
			             	<table id="tb_comment">
							<!-- comment_seq,product_seq,content,inputdate,customer_id-->
				         	<tr>
				         	<font class="font">
				         	<th class="th" width="5%">번호</th><!-- 번호들어가는 칸 -->
				         	<th class="th" width="55%">작성내용</th><!-- 내용 -->
				         	<th class="th" width="20%">아이디</th><!-- 아이디 -->
				         	<th class="th" width="20%">작성일자</th><!-- 작성시간 --></font>
				         	</tr>
				         	<tr><td colspan="4" width="2px"><div class="line_table"/></td></tr>
				         	
				         	<!-- iterator 사용해서 데이터 읽어오기! -->
				         	<s:iterator value="comment_list" status="stat">
				         	<tr>
				         	<td class="td" align="center"><s:property value="#stat.index+1"/></td>
				         	<td class="td">
				         		<div id="content<s:property value="cmt_seq"/>" alt="<s:property value="content"/>">
				         		<div style="float:left;"><s:property value="content"/></div>
				        		<s:if test="#session.customer_id==customer_id">
								<a href="javascript:goEditComment('<s:property value="cmt_seq"/>')" 
									style="float:left; padding-top:3px;padding-left:2px;">
								<button type="button" class="btn btn-default navbar-btn"
					        	 		style="background-color:#fcfcfc; color:#ff6002; padding-left:3px;padding-right:3px;
					        	 				padding-top:1px; padding-bottom:1px; margin-top:0px;margin-bottom:0px;
					        	 				font-size:7pt; font-family: nanum;">수정</button></a>
								<a href="javascript:deleteComment('<s:property value="cmt_seq"/>')" 
									style="float:left; padding-top:3px;padding-left:2px;">
								<button type="button" class="btn btn-default navbar-btn"
					        	 		style="background-color:#fcfcfc; color:#ff6002; padding-left:3px;padding-right:3px;
					        	 				padding-top:1px; padding-bottom:1px; margin-top:0px;margin-bottom:0px;
					        	 				font-size:7pt; font-family: nanum;">삭제</button></a>         	
				         		</s:if>
				         		</div>
				         	</td>
				         	<td class="td" align="center">${customer_id }</td>
				         	<td class="td" align="center"><s:property value="inputdate"/></td>
				         	</tr>
				         	<tr><td colspan="4" width="2px"><div class="line_table"/></td></tr>
				         	</s:iterator>
				         	<!--  -->
				         	
							<tr height="50" align="center">
							<td>댓글<br>달기</td>
							<td colspan="3" align="left">
					        <s:if test="%{result}" >
					        	<div style="float:left;"><input type="text" id="contenttext1" size="125" value="상품평을 남겨주세요." 
					        			style="font-family:nanum; color:#bfbfbf;padding-left:5px;"></div>
					        	 <a href="javascript:insertComment()" style="float:left; padding-left:5px;">
					        	 <button type="button" class="btn btn-default navbar-btn"
					        	 		style="background-color:#fcfcfc; color:#ff6002; padding-left:10px;padding-right:10px;
					        	 				padding-top:2px; padding-bottom:2px; margin-top:0px;margin-bottom:1px;
					        	 				font-size:11pt; font-family: nanumBB;">확인</button></a>
					        </s:if><s:else>
					        	<input type="text" id="contenttext2" size="140" readonly="readonly" 
						        		value="후기는 상품을 구매한 소비자만 달 수 있습니다."
						        		style="font-family:nanum; color:#bfbfbf;padding-left:5px;">
					        </s:else>
					        </td>
				        	</tr>
				         	
				         
				         	</table>
			    		</div>
			    		<!-- 배송안내 -->
			    		<div class="tab-pane fade" id="tab3" style="padding-left:10px;"> 
			    			<span style="color:#ff6002; font-size:15pt;">배달안내</span><br><br>
			    			<span style="line-height:25px;"> 주문하신 상품은 소비자의 선택에 따라 "직접수령"과 "배달"로 분류됩니다.</span><br>
			    			<span style="font-size:8pt;">* 주문내역 상세보기 페이지를 클릭하시면 배달상태를 알 수 있습니다. *</span><br><br>
			    			<table id="delivery_info" style="width:900px">
			    			<tr>
			    			<th style="text-align:center">유형</th>
			    			<th style="text-align:center">서비스특징</th>
			    			<th style="text-align:center">배달기간</th>
			    			<th style="text-align:center">배달비</th>
			    			</tr>
			    			<tr><td colspan="4"><div style="border-bottom: 3px solid #dcdcdc; 
			    											margin-top:5px;  margin-bottom:5px;"></div></td></tr>
			    			<tr>
			    			<td align="center">직접 수령</td>
			    			<td style="padding-left:10px;">새마을 시장 상인회에서 수령하실 수 있습니다.<br>오후 9시까지 수령 가능합니다.</td>
			    			<td align="center">없음</td>
			    			<td align="center">없음</td>
			    			</tr>
			    			<tr><td colspan="4"><div style="border-bottom: 2px solid #dcdcdc; 
			    											margin-top:5px;  margin-bottom:5px;"></div></td></tr>
			    			<tr>
			    			<td align="center">배달</td>
			    			<td style="padding-left:10px;">우리 시장의 배달의 특성상 배달 가능한 지역이 제한될 수 있습니다. <br>(신천역, 잠실역, 종합운동장 근방까지 가능합니다.)</td>
			    			<td align="center">주문 후 1일</td>
			    			<td align="center">30,000원 미만 2,500원<br>30,000원 이상 무료배송</td>
			    			</tr>
			    			<tr><td colspan="4"><div style="border-bottom: 2px solid #dcdcdc; 
			    											margin-top:5px;  margin-bottom:5px;"></div></td></tr>
			    			</table>
			    			<br><br>
			    			<span style="color:#ff6002; font-size:15pt;">기타</span><br><br>
			    			<table id="etc" style="border:1px solid #dcdcdc; width:900px;">
			    			<tr><td style="padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;
			    							line-height: 25px;">
			    			- 상품의 교환, 환불 및 상품 결함 등의 보상은 재정경제부고시, 소비자피해보상규정에 의합니다.<br>
							- 의류 상품의 원재료와 혼용률 및 세탁 방법 등 취급상 주의사항은 상품에 표시되어 있습니다.<br>
							- 취소하신 상품에 대한 환불은 현금으로 구입하신 경우는 반품 확인 후 계좌로 환불을 해드리며,<br>
							&nbsp;&nbsp;카드로 결제하신 경우에는 반품 확인 후 바로 카드사로 카드승인 취소를 신청합니다.<br>
 							&nbsp;&nbsp;<span style="font-size:8pt;">카드사에서의 취소 확인은 신청 후 4~5 영업일 이후에 가능합니다.</span><br>
			    			</td></tr>
			    			</table>
				        </div>
			    	</div>
				</div>										
			</div>
		</div>		
	</div>
     </div>
</div>
<div id="footer">
	<%@ include file="/jsp/customer/main_footer.jsp" %>
</div>
</body>
</html>